<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<link rel="stylesheet" href="./css/navfoot.css">
<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="./css/index.css">
<script src="https://fastly.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<script src="../bootstrap/js/bootstrap.min.js"></script>
<style>
    .fenlei a {
        color: black;
        margin: 0 7px;
        line-height: 30px;
        text-align: left;
    }
    
    .fenlei {
        width: 900px;
        margin-left: 30px;
        border-bottom: 1px solid #d4d4d4;
        padding-bottom: 10px;
    }
</style>

<body style="background: #f5f5f5;height: 100%;">
    <!-- 顶部 -->
    <header>
        <div class="banxin">
            <ul>
                <li><a href="#">登录注册</a></li>
                <li><a href="#">登录注册</a></li>
                <li><a href="#">登录注册</a></li>
                <li><a href="#">登录注册</a></li>
                <li><a href="#">登录注册</a></li>
                <li><a href="#">登录注册</a></li>
                <li><a href="#">登录注册</a></li>
            </ul>
        </div>
    </header>
    <!-- 搜索 -->
    <div class="seek" style="background: white;">
        <div class="banxin">
            <div class="seekleft">
                <div></div>
                <div>
                    <form action="">
                        <input type="text" placeholder="三同好物">
                    </form>

                    <a href="#">搜索</a>

                </div>

                <div><a href="#none" class="shoppingA">购物车</a>
                </div>



            </div>


            <div class="seekzhong">
                <div>
                    <a href="#">蓝牙耳机</a>
                    <a href="#">床</a>
                    <a href="#">茶</a>
                    <a href="#">牙膏</a>
                    <a href="#">iphon13</a>
                    <a href="#">锅</a>
                    <a href="#">中秋节</a>
                    <a href="#">行李箱</a>
                </div>
            </div>

        </div>
    </div>
    <!-- 导航 -->

    <nav style="background: white;">
        <ul class="banxin">
            <li><a href="#">首页</a></li>
            <li class="nav2"><a href="#" id="jujia">居家生活</a><span class="nav2span"></span></li>
            <li class="nav2"><a href="#">服饰鞋包</a><span class="nav2span"></span></li>
            <li class="nav2"><a href="#">美食酒水</a><span class="nav2span"></span></li>
            <li class="nav2"><a href="#">个护清洁</a><span class="nav2span"></span></li>
            <li class="nav2"><a href="#">母婴亲子</a><span class="nav2span"></span></li>
            <li class="nav2"><a href="#">运动旅行</a><span class="nav2span"></span></li>
            <li class="nav2"><a href="#">数码家电</a><span class="nav2span"></span></li>
            <li class="nav2"><a href="#">严选全球</a><span class="nav2span"></span></li>
            <li><a href="#">为你严选</a></li>
            <li><a href="#">众筹</a></li>
        </ul>


    </nav>
    <!-- 隔断 -->
    <div style="height: 50px;line-height: 50px; color: #888888;" class="banxin">
        <a href="#none" style="color: black;">首页</a>
        <span>>居家生活</span>
    </div>

    <!-- 分类 -->
    <div style="background: white;padding: 30px;" class="banxin">
        <div style="background: white;display: flex;">
            <span style="color: #888888;">分类</span>

            <div class="fenlei">
                <div>
                    <a href="#none" style="color: rgb(224, 189, 123);">全部</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                    <a href="#none">办公椅</a>
                </div>
            </div>

        </div>


        <div style="display: flex;">
            <span style="color: #888888;">配送地区</span>

            <div class="fenlei">
                <a href="#none" style="color: rgb(224, 189, 123);">全部</a>
                <a href="#none">香港</a>
                <a href="#none">澳门</a>
                <a href="#none">台湾</a>
                <a href="#none">日韩</a>
                <a href="#none">欧洲</a>
                <a href="#none">美洲</a>

            </div>

        </div>


        <div style="display: flex;">
            <span style="color: #888888; ">排序</span>

            <div class="fenlei">
                <a href="#none" style="color: rgb(224, 189, 123);">默认</a>
                <a href="#none">价格<span class="glyphicon glyphicon-sort" style="font-size: 10px;color: #888888;margin-left: 5px;"></span></a>
                <a href="#none">上架时间<span class="glyphicon glyphicon-arrow-down" style="color: #888888;font-size: 10px;margin-left: 5px;"></span></a>

            </div>

        </div>

    </div>


    <!-- 商品浏览 -->
    <div class="browse1">

    </div>







    <!-- 服务下载 -->
    <div class="serve" style="margin-top: 150px;">
        <div class="banxin serve1">
            <div class="serve1-1">
                <h3>客户服务</h3>
                <div>
                    <p>
                        <span>&#128515</span>
                        <a href="#">在线客服</a>
                    </p>
                    <p>
                        <span>&#128516</span>
                        <a href="#">用户反馈</a>
                    </p>

                </div>
            </div>


            <div class="serve1-2">
                <h3>何为网易严选</h3>
                <p>网易严选是深受新中产喜爱的生活方式品牌,为消费者 提供-站式、全品类全方位的美好生活解决方案。我 们通过简约.实用、舒适的美学设计,不断带来高品质 灵感好物，陪伴3000万新中产用户「活出自己喜欢的样 孔」,共同倡导多元化的生活价值主张一 每个人都可 以把生活的选择权交还给自2.
                </p>
                <div>
                    关注我们:<span>&#128512 &#128513 &#128514</span>
                </div>
            </div>


            <div class="serve1-3">
                <h3>扫码下载严选APP</h3>
                <img src="./img/二维码2.png" alt="">
                <p>下载领大额新人红包</p>

            </div>



        </div>
    </div>

    <!-- 底部 -->
    <footer>
        <div class="foot1  banxin">
            <div class="foot1-1">
                <div>
                    <span>1</span>
                    <p>网易自营电商</p>
                </div>
                <div>
                    <span>1</span>
                    <p>30天无忧退换货</p>
                </div>
                <div>
                    <span>1</span>
                    <p>满99元免邮费</p>
                </div>
                <div>
                    <span>1</span>
                    <p>品质保证</p>
                </div>
            </div>


            <ul>
                <li>
                    <a href="#">关于我们</a>
                </li>
                <li>
                    <a href="#">关于我们</a>
                </li>
                <li>
                    <a href="#">关于我们</a>
                </li>
                <li>
                    <a href="#">关于我们</a>
                </li>
                <li>
                    <a href="#">关于我们</a>
                </li>
                <li>
                    <a href="#">关于我们</a>
                </li>
                <li>
                    <a href="#">关于我们</a>
                </li>
                <li>
                    <a href="#">关于我们</a>
                </li>
                <li>
                    <a href="#">关于我们</a>
                </li>
                <li>
                    <a href="#">关于我们</a>
                </li>
            </ul>


            <p>食品经营许可证: JY13301080111719 出版物经营许可证: 新出发滨字第0132号妙得ICP证号: ICP 证浙B2-20160106浙杭食药监械经营备20171029号 营业执照 网易公司版权所有 ◎1997-2021
            </p>
            <p>无线电发射设备销售备案: 42202011096855 (浙杭) 网械企备字[2019]第00119号(粤) 网械平台备字(2019) 第00004号(粤) -非经营性 2016-0023进]冷链食品管理承诺书
            </p>
            <p>食品经营许可证: JY14207050007694 浙江省网络食品销售第三方平台提供者备案:浙网食A33010009单用途商业预付 卡备案证: 330100AAC0024
            </p>
            <p>出版物网络交易平台服务经营备室:新出发浙省字20210号
            </p>
        </div>



    </footer>

    <!-- 导航跟随 -->
    <nav id="fixed">
        <ul class="banxin" style="height: 100%;">
            <li><a href="#">首页</a></li>
            <li class="nav2 nav3"><a href="#" id="jujia">居家生活</a><span class="nav2span nav2span1"></span></li>
            <li class="nav2 nav3"><a href="#">服饰鞋包</a><span class="nav2span nav2span1"></span></li>
            <li class="nav2 nav3 "><a href="# ">美食酒水</a><span class="nav2span nav2span1 "></span></li>
            <li class="nav2 nav3 "><a href="# ">个护清洁</a><span class="nav2span nav2span1 "></span></li>
            <li class="nav2 nav3 "><a href="# ">母婴亲子</a><span class="nav2span nav2span1 "></span></li>
            <li class="nav2 nav3 "><a href="# ">运动旅行</a><span class="nav2span nav2span1 "></span></li>
            <li class="nav2 nav3 "><a href="# ">数码家电</a><span class="nav2span nav2span1 "></span></li>
            <li class="nav2 nav3 "><a href="# ">严选全球</a><span class="nav2span nav2span1 "></span></li>
            <li><a href="# ">为你严选</a></li>
            <li><a href="# ">众筹</a></li>
        </ul>
    </nav>


    <script src="./js/axios.js"></script>
    <!-- <script src="./js/index.js "></script> -->
    <script src="./js/browse.js"></script>
    <script src="./js/skip.js"></script>

</body>

</html>